const path = require("path");
const resolve = (dir) => {
  return path.join(__dirname, dir);
};
const { publicPath, outputDir, assetsDir, lintOnSave } = require("./src/config");
module.exports = {
  publicPath,
  lintOnSave,
  outputDir,
  assetsDir,
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          // 把px单位换算成rem单位
          require("postcss-pxtorem")({
            // 换算的基数 375的设计稿，换算基数就是37.5
            rootValue: 37.5,
            selectorBlackList: [".van"], // 要忽略的选择器并保留为px。
            propList: ["*"], //可以从px更改为rem的属性。
            minPixelValue: 1, // 设置要替换的最小像素值。
          }),
        ],
      },
    },
  },
  configureWebpack() {
    return {
      resolve: {
        alias: {
          "@": resolve("src"),
          "*": resolve(""),
        },
      },
    };
  },
  devServer: {
    port: 8080,
    open: true, //是否自动弹出浏览器页面
    proxy: {
      "/api": {
        target: "http://kumanxuan1.f3322.net:8001/",
        // 允许跨域
        changOrigin:true,
        wx:true,
        pathRewrite: {
          "^/api": "",
        },
      },
    },
  },
};
